<!--
*****************************************************************************************
 
Made by www.Flashphoner.com, all rights reserved.
These sources can only be used for working with Flashphoner server.
If you want use this to create your own application (separate from Flashphoner server) 
please contact support@flashphoner.com 

*****************************************************************************************
-->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src='swfobject.js'>
</script>
<script type="text/javascript" src='js/StaticData.js'>
</script>
<script type="text/javascript" src='js/Click2Call.js'>
</script>
<link rel="stylesheet" type="text/css" href="styles/trackbar.css" />
<script type="text/javascript" src="js/trackbar.js"></script>
<script type="text/javascript">

function positionStatus(e){	
	flashphoner = e.ref;
}

var params = {};
params.menu = "true";
params.swliveconnect = "true";
params.allowfullscreen = "true";
params.allowscriptaccess = "always";
params.wmode = "transparent";
var attributes = {};
var flashvars={}
flashvars.config="flashphoner.xml";
if (swfobject.hasFlashPlayerVersion("10.0.12")) {
	swfobject.embedSWF("jsphone.swf", "jsSWFDiv", "215", "138", "10.0.12", "expressInstall.swf", flashvars, params,attributes,positionStatus);
}
</script>
<title>Click2Call</title>		
<style type="text/css">
  #jsSWFDiv, #phoneDiv, #infoDiv, #settingsDiv {
            position: absolute; 
            }
                         
  #settingsDiv {
            top: 80px;
            left: 5px;
            height: 130px; 
            width: 215px; 
            background: #fff; 
            padding: 0px 0 0 15px;
            font: 12px Arial; 
            visibility:hidden;
            background: url(assets/mic_settings_background.png);
            }  	
	
  #jsSWFDiv {
            top: 0px;
            left: 205px;
            }
                      	
  #phoneDiv {
            top: 10px;
            left: 50px;
            width: 150px;
            margin-top: 50px;
            }
	  	
  #infoDiv  { 
            left: 53px;
            top: 65px;
            }
     	              
  .settings_link {
            width: ;
            height: 14px; 
            font: 12px Arial;
            text-decoration: underline;
            -moz-user-select: none;
            -khtml-user-select: none;
            user-select: none;
            cursor: pointer; 
            float: left;
            border: none;
            background: #fff;
            padding: 0;
            color: #bb6666;
            text-align: left;
            }   	
   	
  .call_button {
            width: 144px; 
            background-color: #009800;
            float: left;
            height: 30px;
            font: 20px Arial;
            color: #fff;
            text-align: center;
            line-height: 30px;
            border: 1px outset;
            -moz-user-select: none;
            -khtml-user-select: none;
            user-select: none;
            cursor: default; 
            margin-bottom: 3px;  
            }             

  #phoneDiv    {z-index: 1;}
  #infoDiv     {z-index: 2;}
  #jsSWFDiv    {z-index: 3;}
  #settingsDiv {z-index: 4;}
	   
</style>
		

<body>

<div id="phoneDiv">
	<input class="settings_link" id="settingsButton" type="submit" value="Mic Settings" onClick="openSettingsView();">
  <input class="call_button" id="callButton" type="submit" value="Call" onClick="if (getElement('callButton').value == 'Call'){call();}else{hangup();}" onmousedown="this.style.border='1px inset';" onmouseup="this.style.border='1px outset';" onmouseout="this.style.border='1px outset';">
</div>

<!-- Info view -->
<div id="infoDiv" style="height: 30px; width: 126px; background: #ddd; border: 1px solid #bbb; padding: 5px; font: 12px Arial; visibility:hidden;">
  <div id="infoText" style="float: left; width: 120px; text-align: center; margin-bottom: 10px;"></div>
</div>
<!-- End of info view -->

<div id="jsSWFDiv">
	<a href="http://www.adobe.com/go/getflashplayer">
		<img border="0" src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
	</a>
</div>

<!-- Settings view -->
<div id="settingsDiv">
	<input class="button" type="submit" value="X" onclick="closeSettingsView();" style="margin: 3px 0pt 0pt 192px; width: 20px;" onmousedown="this.style.border='1px inset';" onmouseup="this.style.border='1px outset';" onmouseout="this.style.border='1px outset';">
	<script type="text/javascript">
		trackbar.getObject('micVolume').init({
			onMove : function() {
				micVolume = this.leftValue;	
			},
			dual : false, // two intervals
			width : 150, // px
			leftValue : 100, // unit of value
			rightLimit : 100, // unit of value
			rightValue : 0 // unit of value
		});
	</script>
	<script type="text/javascript">
		trackbar.getObject('speakerVolume').init({
			onMove : function() {
				speakerVolume = this.leftValue;	
			},
			dual : false, // two intervals
			width : 150, // px
			leftValue : 100, // unit of value
			rightLimit : 100, // unit of value
			rightValue : 0 // unit of value
		});
	</script>
	
	<input class="button" type="submit" value="Save" onclick="saveMicSettings();" style="margin: 3px 0 0 75px; width: 50px;" onmousedown="this.style.border='1px inset';" onmouseup="this.style.border='1px outset';" onmouseout="this.style.border='1px outset';">
	
</div>
<!-- End of settings view -->

</body>
</html>